/*base*/
:focus {outline-color: -moz-use-text-color;	outline-style: none; outline-width: 0;}
.clearfix:after {content: "."; display: block;height: 0; clear: both; visibility: hidden;}
.clearfix{zoom:1;}
.hidden{display: none;}
a, a:link, a:visited, a:focus, a:hover, a:active {color:#666666; text-decoration: none;}
a:hover {color:#E5811E; text-decoration: underline;}
body, a{font-family:Tahoma, Helvatica, \5B8B\4F53, \5FAE\8F6F\96C5\9ED1; color:#666666}
a img{border:none}

.fl{float:left}
.fr{float:right}



/*header*/
body{font-size:12px;background:url(../img/tile.gif)}
.wrapper{width:100%;}
.content{
	padding:10px;
	height:100%;
	overflow:hidden;
}
.header{width:100%; height:65px; background:url('../img/sharkskin.gif') repeat-x;}
.logo{width:200px; height:65px; padding-left:20px; line-height:65px; font-size:30px; color:#fff}
.top-nav{width:140px; height:36px; line-height:36px; text-align:center;}
.top-nav a:link,.top-nav a:visited, .top-nav a:active{color:#d5d5d5; text-decoration:none;}
.top-nav a:hover{text-decoration:none;}
.top-nav span{color:#999; padding:0 5px;}

/*content*/
.sidebar{width:158px; border: 1px solid #d5d5d5;}
.sidebar h3, .main h3{
	border-top:1px solid #fff; border-bottom:1px solid #d5d5d5; background-color: #f2f2f2; color:#333; font-size:14px; height:30px; line-height:30px; padding-left:10px;
}
.nav li a{
	display: block;
	width: 148px;
	padding-left: 10px;
	height:30px;
	line-height: 30px;
	border-bottom: 1px solid #d5d5d5;
}
.nav li a.no-more{
	border-bottom:none;
}
.nav li a.selected{
	background-color: #fff;
}
.nav li a:hover{
	background-color: #f5f5f5; text-decoration: none;
}

.main{width:auto; margin-left: 170px;}

.box-con {
	height: 100%;
	padding: 12px;
	border: solid 1px #d5d5d5;
	overflow: hidden;
	background: #fff;
	margin-top: -1px;
}

.traininc-nav-list {
	height:50px;
	overflow:hidden;
}
.traininc-nav-list ul {
	display:block;
}
.traininc-nav-list ul li {
	height:50px;
	display:block;
	margin-bottom:0;
	float:left;
	margin-right:5px;
	padding-left:26px;
	background:url(../img/bg-traininc-nav.gif) no-repeat 0 -100px;
}
.traininc-nav-list ul li a {
	display:inline-block;
	height:50px;
	line-height:50px;
	padding-right:26px;
	background:url(../img/bg-traininc-nav.gif) no-repeat right -150px;
}
.traininc-nav-list ul li.selected {
	background:url(../img/bg-traininc-nav.gif) no-repeat 0 0;
}
.traininc-nav-list ul li.selected a {
	background:url(../img/bg-traininc-nav.gif) no-repeat right -50px;
	color:#DA4901;
	font-weight:bold
}

/*table*/
.table-blue{
	width: 100%;
}
.table-blue thead {
	background: #5D81BD;
	color: white;
}
thead {
	display: table-header-group;
	vertical-align: middle;
	border-color: inherit;
}
tbody {
	display: table-row-group;
	vertical-align: middle;
	border-color: inherit;
}
.table-blue .odd {
	background: #F7F7F7;
}
.table-blue td {
	border-color: #E5E5E5;
	border-top: none;
}
.table-blue td, .table-blue th {
	padding: 10px 0 12px 15px;
	border: solid 1px #40639B;
}

.table-input{
	width: 100%;
}
.table-input td{
	padding:10px;
}
.table-input td.title{
	width: 80px;
	text-align: right;
}
.table-input input,.table-input textarea {
	padding:9px;
	border: 1px solid #d5d5d5;
	font-size: 14px;
}
.table-input input.btnA,
.batch-admin input.btnA,
.select-box input.btnA{
	background: #5D81BD;
	color: white;
	cursor: pointer;
	padding:5px 10px;
	margin-right:20px;
}
.table-input input.btnB{
	background: #f5f5f5;
	color: #999;
	cursor: pointer;
	padding:5px 10px;
}

.table-view{
	width: 100%;
}
.table-view td{
	padding:10px;
	border: 1px solid #d5d5d5;
}
.table-view td.title{
	width: 80px;
	background-color:#f5f5f5;
	text-align: right;
}

.batch-admin{
	width: 150px;
	float: left;
	height:30px;
	MARGIN: 3px 0; PADDING: 3px 0;
}
/*CSS Digg style pagination*/

DIV.digg {
	MARGIN: 5px 0; PADDING: 3px 0; TEXT-ALIGN: right; width: 500px; height:30px; float: right;
}
DIV.digg A {
	BORDER-RIGHT: #aaaadd 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #aaaadd 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #aaaadd 1px solid; COLOR: #000099; PADDING-TOP: 2px; BORDER-BOTTOM: #aaaadd 1px solid; TEXT-DECORATION: none
}
DIV.digg A:hover {
	BORDER-RIGHT: #000099 1px solid; BORDER-TOP: #000099 1px solid; BORDER-LEFT: #000099 1px solid; COLOR: #000; BORDER-BOTTOM: #000099 1px solid
}
DIV.digg A:active {
	BORDER-RIGHT: #000099 1px solid; BORDER-TOP: #000099 1px solid; BORDER-LEFT: #000099 1px solid; COLOR: #000; BORDER-BOTTOM: #000099 1px solid
}
DIV.digg SPAN.current {
	BORDER-RIGHT: #000099 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #000099 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #000099 1px solid; COLOR: #fff; PADDING-TOP: 2px; BORDER-BOTTOM: #000099 1px solid; BACKGROUND-COLOR: #000099
}
DIV.digg SPAN.disabled {
	BORDER-RIGHT: #eee 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #eee 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #eee 1px solid; COLOR: #ddd; PADDING-TOP: 2px; BORDER-BOTTOM: #eee 1px solid
}

/*select*/
.select-box{
	padding-bottom: 20px;
}
.select-box input{
	padding:4px;
	border: 1px solid #d5d5d5;
	font-size: 14px;
}

.tips{
	border:1px solid #d5d5d5;
	background-color: f5f5f5;
	padding: 9px;
	margin-bottom: 10px;
}
/*footer*/
.footer{border-top:1px solid #E5811E; margin-top:20px; padding:15px 0; width:100％;}
.copyright{padding-left:10px;}


.login{
	width: 500px; margin: 20px auto; padding: 50px 30px 50px 20px; background-color: #fff;
}
